<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>  
<title>{{ get_app_inf key="siteName" }} - {{ $title }}</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />  
<!-- add your meta tags here -->  
  
<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
<link href="css/screen/login.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>  
<link href="css/my_patches/patch_my_layout.css" rel="stylesheet" type="text/css" />  
<![endif]-->  
<script type="text/javascript" src="script/jquery.js"><!-- jQuery 1.2.1 --></script>
<script type="text/javascript" src="script/jquery.form.js"><!-- 表单Ajax插件 --></script>
<script type="text/javascript" src="script/yav.js"><!-- 表单验证插件 --></script>
<script type="text/javascript" src="script/jquery.yav.pack.js"><!-- 表单验证插件 --></script>
<script type="text/javascript" src="script/jquery.confirm.js"><!-- 对话框插件 --></script>

<script type="text/javascript">
// DOM载入时执行
$(function() {
	
	// 重新获取验证码
	$("#changeImgcode").click(function(){
		$("#img_code").attr('src','?controller=admin_login&action=imgcode&rand=' + Math.round(Math.random()*10000) );
		return false;
	});
	
	// 按钮变色
	$("input:submit").hover(function(){
		$(this).addClass("OMover");
	},function(){
		$(this).removeClass("OMover");
	});

	// 表单验证
	$("#formLogin").yav();

});

</script>

</head>  
<body> 
  <div id="page_margins">

    <div id="border-top">
      <div id="edge-tl"></div>
      <div id="edge-tr"></div>
    </div>
    <div id="page">
      {{ include file="admin/Websetup_header.html" }}
      <div id="main">
        <div id="col1"></div>
        <div id="col3">
          <div id="col3_content" class="clearfix">
          	<div id="error">{{ $error }}</div>
          	<form id="formLogin" method="post" action="?controller=admin_login&action=login">
          	<table>
            	<tr>
            		<td>
            			<label>用户名：</label>
            		</td>
            		<td>
	            		<input id="username" type="text" size="22" name="username" 
	            		class='required' title='用户名为必填项' alt="{event: 'blur'}" />
            		</td>
            	</tr>
            	<tr>
            		<td>
            			<label>密　码：</label>
            		</td>
            		<td>
            			<input id="password" type="password" size="22" name="password" 
            			class='required' title='密码为必填项' alt="{event: 'blur'}" />
            		</td>
            	</tr>
            	<tr>
            		<td>
            			<label>验证码：</label>
            		</td>
            		<td>
            			<input id="imgcode" type="text" size="13" name="imgcode" 
            			class='required' title='图片验证码为必填项' alt="{event: 'blur'}" />
            			<img id="img_code" src="?controller=admin_login&action=imgcode" />
            		</td>
            	</tr>
            	<tr>
            		<td></td>
            		<td><input type="submit" value="登　录" /><a id="changeImgcode" href="#">验证码看不清</a></td>
            	</tr>
            </table>
          	</form>
          </div>
          <!-- IE Column Clearing -->
          <div id="ie_clearing"> &#160; </div>
        </div>
      </div>
      <!-- begin: #footer -->
      {{ include file="admin/Websetup_footer.html" }}
    </div>
    <div id="border-bottom">
      <div id="edge-bl"></div>
      <div id="edge-br"></div>
    </div>
  </div>
</body>
</html>
